<template>
	<view class="pages" v-if="detaile_info">
		<view class="detail_img_warp">
			<view class="detail_img" v-if="detaile_info.matchmakerMeitu">
				<image :src="get_src(detaile_info.matchmakerMeitu)" mode="center"></image>
			</view>
			<view class="text_friend">
				<text>{{detaile_info.memberName}} @{{detaile_info.matchmakerUid}}</text>
			</view>
		</view>
		<view class="main">
			<view class="u-flex u-flex-between item_top">
				<view class="u-flex-y-center">
					<text>ID:{{detaile_info.userId}}</text>
					<view class="sex">
						<image :src="`${$http_cos}${detaile_info.sex=='男'?'/static/boy':'/static/%E5%A5%B3'}.png`"
							mode="heightFix"></image>
					</view>
				</view>
				<text>“{{detaile_info.descriptiveDescription}}”</text>
			</view>
			<view class="detail_list u-flex u-flex-wrap">
				<view class="detail_item" v-for="(item,index) in detaile_info.title" :key="index">
					<text>{{item}}</text>
				</view>
			</view>
			<view class="line"></view>
			<view>
				<view class="label u-flex-x-center">
					<view class="point"></view>
					<text>一问一答</text>
				</view>
				<view class="l_height_warp">
					<view class="u-flex-between u-flex left_or_right">
						<text>是否单亲家庭</text>
						<text>{{detaile_info.oneParentFamily}}</text>
					</view>
					<view class="u-flex-between u-flex left_or_right">
						<text>父母会参与感情还是完全自主？</text>
						<text>{{detaile_info.emotionalAutonomy}}</text>
					</view>
					<view class="u-flex-between u-flex left_or_right">
						<text>能否接受对方有婚史</text>
						<text>{{detaile_info.canAcceptMarriageHistory}}</text>
					</view>
					<view class="u-flex-between u-flex left_or_right" v-if="detaile_info.canAcceptMarriageHistory=='能'">
						<text>接受程度</text>
						<text>{{detaile_info.acceptance}}</text>
					</view>
					<view class="u-flex-between u-flex left_or_right">
						<text>是否介意对方抽烟</text>
						<text>{{detaile_info.sheSmoking}}</text>
					</view>
					<view class="u-flex-between u-flex left_or_right">
						<text>是否介意对方喝酒</text>
						<text>{{detaile_info.sheDrinking}}</text>
					</view>
					<view class="u-flex-between u-flex left_or_right">
						<text>是否介意对方是单亲家庭</text>
						<text>{{detaile_info.sheOneParentFamily}}</text>
					</view>
					<view class="u-flex-between u-flex left_or_right">
						<text>是否介意对方养宠物</text>
						<text>{{detaile_info.sheKeepPets}}</text>
					</view>
					<view class="u-flex-between u-flex left_or_right">
						<text>是否介意对方有兄弟或姐妹</text>
						<text>{{detaile_info.sheBrotherOrSister}}</text>
					</view>
					<view class="u-flex-between u-flex left_or_right">
						<text>是否介意对方宗教信仰和自己家庭不同</text>
						<text>{{detaile_info.sheReligiousBelief}}</text>
					</view>
				</view>
				<view class="label u-flex-x-center">
					<view class="point"></view>
					<text>理想对象</text>
				</view>

				<view class="u-flex-between u-flex left_or_right">
					<text>希望对方身高</text>
					<text>{{detaile_info.sheHeight}}</text>
				</view>
				<view class="u-flex-between u-flex left_or_right">
					<text>希望对方年龄</text>
					<text>{{detaile_info.sheAge}}</text>
				</view>
				<view class="u-flex-between u-flex left_or_right">
					<text>接受对方学历最低是</text>
					<text>{{detaile_info.sheEducation}}</text>
				</view>
				<view class="u-flex-between u-flex left_or_right">
					<text>希望对方体制内/上班/经商型</text>
					<text>{{detaile_info.sheInSystemOrBusiness}}</text>
				</view>
				<view class="u-flex-between u-flex left_or_right">
					<text>希望对方婚房情况</text>
					<text>{{detaile_info.sheWeddingRoom}}</text>
				</view>
				<view class="u-flex-between u-flex left_or_right">
					<text>希望对方车辆情况</text>
					<text>{{detaile_info.sheVehicle}}</text>
				</view>
				<view class="u-flex-between u-flex left_or_right">
					<text>你及你家人希望Ta是</text>
					<text></text>
				</view>
				<view class="text_field">
					<text>{{detaile_info.sheType}}</text>
					<!-- <text>&npsp;</text> -->
				</view>
				<view class="line" style="margin-bottom:20rpx;"></view>
				<text class="title">照片</text>
				<view v-if="detaile_info.isUnlock" class="u-flex u-flex-wrap photo">
					<u-album :urls="get_srcs(detaile_info.frontalView)" multipleSize="205" singleSize="205" space="15"
						singleMode="widthFix" keyName="url"></u-album>
				</view>
				<view class="photograph u-flex-column u-flex-center" v-else>
					<image :src="`${$http_cos}/static/%E8%A7%A3%E9%94%81.png`"></image>
					<text class="xieyi">为了保护会员隐私以及遵从会员与线下门店 的合同约定，只有线下会员才能解锁</text>
					<view class="unlock_look" @click="unlock_look">
						<text>解锁查看</text>
					</view>
				</view>
			</view>
		</view>
		<view v-if="user_info.isMatchmaker==1" class="main Matchmaker_main">
			<view class="Matchmaker_pd">
				<text class="title">权限</text>
			</view>
			<view class="u-flex u-flex-between introductory">
				<text>姓名：{{detaile_info.fullName}}</text>
				<text>农历生辰：{{detaile_info.nlBirthday}}</text>
			</view>
			<view class="introductory">
				<text>权限：{{detaile_info.memberName}}@{{detaile_info.matchmakerUid}}({{detaile_info.startTime}}/{{detaile_info.endTime}})</text>
			</view>
			<view class="u-flex u-flex-between introductory">
				<text>自己或直系亲属有无刑事案底</text>
				<text class="gray">{{detaile_info.criminalCaseBottom}}</text>
			</view>
			<view class="u-flex u-flex-between introductory">
				<text>(满分10分)给自己综合打几分</text>
				<text class="gray">{{detaile_info.fraction}}分</text>
			</view>
			<view class="u-flex u-flex-between wechat_warp" v-if="user_info.isDeputy==0">
				<text>{{detaile_info.wechat}}</text>
				<view class="copy u-flex" @click="copy">
					<text>复制</text>
				</view>
			</view>
		</view>
		<view class="u-flex-between u-flex btn_warp" v-if="id!=user_info.userId">
			<image :src="`${$http_cos}/static/%E6%8E%A8%E7%BB%99%E6%9C%8B%E5%8F%8B.png`" @click="gui_window=true">
			</image>

			<image :src="`${$http_cos}/static/%E7%BC%96%E8%BE%91%E8%B5%84%E6%96%99.png`"
				v-if="user_info.isMatchmaker==1" @click="editData"></image>
			<view v-else>
				<image :src="`${$http_cos}/static/%E6%9B%BF%E6%88%91%E9%97%AE%E4%BB%96%E7%82%B9%E5%87%BB%E5%90%8E.png`"
					v-if="user_info.isInquiry"></image>
				<image :src="`${$http_cos}/static/%E6%9B%BF%E6%88%91%E9%97%AEta.png`" @click="him_me" v-else></image>
			</view>
		</view>
		<view class="hover_button u-flex-column">
			<image :src="`${$http_cos}/static/%E6%8E%A8%E8%8D%90.png`" v-if="user_info.isMatchmaker==1"
				@click="initiative_recommend"></image>
			<image @click="collect"
				:src="`${$http_cos}${detaile_info.isCollect?'/static/%E5%B7%B2%E6%94%B6%E8%97%8F.png':'/static/%E6%9C%AA%E6%94%B6%E8%97%8F.png'}`">
			</image>
		</view>
		<u-modal :show="show" :title="title" :content='content' :showCancelButton="showCancelButton"
			:showConfirmButton="showConfirmButton">
			<view class="slot-content">
				<rich-text :nodes="content"></rich-text>
			</view>
			
				<view slot="confirmButton" class="u-flex u-flex-between" v-if="is_look">
					<view class="btn cancel" @click="cancel">
						<text>取消</text>
					</view>
					<view class="btn submit" @click="confirm" v-if="is_look">
						<text>确定</text>
					</view>
					<view class="btn submit" @click="greet_sb" v-if="is_inquiry">
						<text>确定</text>
					</view>
				</view>
			

			<view slot="confirmButton" class="btn see" v-else @click="show=false">
				<text>我知道了</text>
			</view>
		</u-modal>
		<u-popup :show="gui_window" @close="gui_window=false" class="gui_windows"
			:safeAreaInsetBottom="safeAreaInsetBottom" mode="center" round="20">
			<image :src="`${$http_cos}/static/51675673359_.pic.jpg`" mode="widthFix" style="width: 750rpx;"
				@click="gui_window=false;"></image>

		</u-popup>
		<yy-popup title="填写申请人ID" @submit="submit_recommend" ref="recommend">
			<view class="u-flex-x-center contener" @click="authority_show=true;show=false">
				<text class="y_label">权限</text>
				<view class="u-flex-between down_border u-flex down_borders">
					<input type="number" v-model="formData.userId" placeholder="填写申请人ID" />
				</view>
			</view>
			<view class="u-flex-x-center contener">
				<text class="y_label">状态</text>
				<view class="down_border u-flex">
					<u-radio-group v-model="formData.status" placement="row" size="100" @change="groupChange">
						<u-radio iconSize="30" :customStyle="{marginRight: '8px'}" v-for="(item, index) in radiolist"
							:key="index" :label="item.name" :name="item.id" @change="radioChange" size='36'
							labelSize="36" activeColor="#FF7612">
						</u-radio>
					</u-radio-group>
				</view>
			</view>
		</yy-popup>
	</view>
</template>

<script>
	import {
		getUserDetaileInfo,
		addCollect,
		delCollect,
		isCollect,
		addUnlock,
		getUserInfo,
		addInquiry,
		setApply,
		getKey,
		isIntegralUnlock,
		isIntegralInquiry
	} from '@/common/api.js'
	const app = getApp();
	export default {
		data() {
			return {
				formData: {
					userId: '',
					inquiryUserId: '',
					status: 1
				},
				key: '',
				// radiovalue:1,
				radiolist: [{
					name: '替我问ta',
					id: 1,
					disabled: false
				}, {
					name: '不用替我问ta',
					id: 2,
					disabled: true
				}],
				safeAreaInsetBottom: false,
				gui_window: false,
				user_info: {},
				is_look: false,
				showConfirmButton: true,
				showCancelButton: true,
				title: '温馨提示',
				content: `<div style="text-align:center;font-size:30rpx"><div>本日解锁次数已达上限</div>
						<div>联系红娘提升权限获取更多机会<div></div>`,
				show: false,
				is_collect: false,
				$http_cos: app.$http_cos,
				detaile_info: {},
				id: '',
				is_use_integral: false, //是否使用积分解锁
				is_inquiry: false
			}
		},
		onLoad(option) {
			this.id = option.id
			this.formData.inquiryUserId = option.id
			this.ge_tUserDetaileInfo()
			if (option.key && option.key != 0) {
				this.key = option.key
				this.confirm()
			}

		},
		async onShow() {
			if (uni.getStorageSync('access_token')) {
				this.user_info = await this.get_UserInfo()
				if (this.user_info.isMatchmaker && this.user_info.isMatchmaker == 1) {
					this.get_Key()
				} else {
					this.$wxShare(0)
				}
			}
		},

		onBackPress(e) {

		},
		methods: {
			get_Key() {
				getKey({
					custom: {
						auth: false,
						toast: false,
						catch: false
					}
				}).then((r) => {
					this.$wxShare(r)
				}).catch((err) => {

				})
			},
			initiative_recommend() {
				this.$refs.recommend.open()
			},
			submit_recommend() {
				setApply(this.formData, {
					custom: {
						auth: false,
						toast: false,
						catch: false
					}
				}).then((r) => {
					this.formData.status = 1
					this.formData.userId = ''
					if (r.code == 2) {
						this.is_look = false
						this.show = true
						
						this.content = `<div style="text-align:center;font-size:30rpx">${result.massage}</div>`
					} else {
						uni.showToast({
							icon: 'none',
							title: '推荐成功'
						});
					}
					this.$refs.recommend.close()
				}).catch((err) => {

				})

			},
			init() {
				this.ge_tUserDetaileInfo()
			},
			groupChange(n) {
				this.formData.status = n
			},
			radioChange(n) {
				console.log('radioChange', n);
			},
			get_srcs(it) {
				let text =
					"aHR0cDovL2hsLTEzMTY0MDM1MTMuY29zLmFwLXNoYW5naGFpLm15cWNsb3VkLmNvbS9iLnBuZw/dissolve/20/dx/0/dy/220/gravity/center/scatype/1/spcent/428"
				let arr = JSON.parse(it)
				let array = []

				// if(arr==null||arr.length==0){
				// 	return array
				// }
				arr.forEach(item => {
					if (item.message != '上传中') {
						if (item.url.indexOf('?') > -1) {
							item.url = item.url + '|watermark/1/image/' + text
						} else {
							item.url = item.url + '?watermark/1/image/' + text + '|imageView2/1/w/750/q/85'
						}
						array.push(item)
					}
				})
				return array
				// 
			},
			get_UserInfo() {
				return new Promise(resolve => {
					getUserInfo().then((result) => {
						resolve(result)
					}).catch((err) => {
						reject(err)
					})

				})

			},
			copy() {
				uni.setClipboardData({
					data: this.detaile_info.wechat,
					success: () => {
						uni.showToast({
							icon: 'none',
							title: '复制成功'
						});
					}
				});
			},
			collect() {
				try {
					if (uni.getStorageSync('access_token')) {
						let data = {
							collectUserId: this.id
						}
						let flag = this.is_collect
						flag = !flag
						if (flag == true) {
							addCollect(data, {
								custom: {
									auth: false,
									toast: false,
									catch: false
								}
							}).then((result) => {
								this.ge_tUserDetaileInfo()
							}).catch((err) => {

							})
						} else {
							delCollect(data, {
								custom: {
									auth: false,
									toast: false,
									catch: false
								}
							}).then((result) => {
								this.ge_tUserDetaileInfo()
							}).catch((err) => {

							})
						}
					} else {
						uni.navigateTo({
							url: '/pages/guide/index'
						})
					}

				} catch (e) {
					//TODO handle the exception
				}
			},
			async unlock_look() {
				try {


					if (uni.getStorageSync('access_token')) {
						if (Number(this.user_info.memberId) > 0) {
							let result = await this.get_isIntegralUnlock()
							console.log(result)
							if (result.isIntegral) {
								this.show = true
								this.is_look = true
								this.is_inquiry = false
								// this.is_use_integral=true
								// this.is_look = true
								 
								this.content =`<div style="text-align:center;font-size:30rpx">
													<div>今日已无免费额度！</div>
													<div>继续将消耗` + result.integral + `积分？</div>
											</div>`
							} else {
								this.show = true
								this.is_look = true
								this.is_inquiry = false
								this.content = '是否确认解锁？'
							}
						} else {
							this.is_look = false
							this.show = true
							this.content =
								`<div style="text-align:center;font-size:30rpx">
													<div>您还没有权限！</div>
													<div>请先联系红娘成为门店会员！</div>
											</div>`
						}



					} else {
						uni.navigateTo({
							url: '/pages/guide/index'
						})
					}

				} catch (e) {
					//TODO handle the exception
				}


			},
			get_isIntegralInquiry() {
				console.log('vvv')
				let data = {
					params: {
						inquiryUserId: this.id
					}
				}
				return new Promise((resolve, reject) => {
					isIntegralInquiry(data, {
						custom: {
							auth: false,
							toast: false,
							catch: false
						}
					}).then((result) => {
						resolve(result)
					}).catch((err) => {
						reject(err)
					})
				})
			},
			get_isIntegralUnlock() {
				let data = {
					params: {
						unlockUserId: this.id
					}
				}
				return new Promise((resolve, reject) => {
					isIntegralUnlock(data, {
						custom: {
							auth: false,
							toast: false,
							catch: false
						}
					}).then((result) => {
						console.log(result)
						resolve(result)
					}).catch((err) => {
						reject(err)
					})
				})
			},
			cancel() {
				this.show = false
			},
			confirm() {
				// this.cancel()

				this.show = false

				let data = {
					unlockUserId: this.id,
					key: this.key
				}
				addUnlock(data, {
					custom: {
						auth: false,
						toast: false,
						catch: false
					}
				}).then((result) => {
					if (result.code == 2) {
						this.is_look = false
						this.show = true

						this.content = `<div style="text-align:center;font-size:30rpx">${result.massage}</div>`
					} else {
						this.ge_tUserDetaileInfo()
					}
				}).catch((err) => {


				})
			},
			get_src(it) {
				let {
					url
				} = JSON.parse(it)[0]
				return url + '?imageView2/2/w/750/h/q/85'
			},
			async him_me() {
				
				try {
					if (uni.getStorageSync('access_token')) {
						console.log(this.detaile_info.isInquiry)
						// if (this.detaile_info.isInquiry) {
						// 	uni.$u.toast('您的申请已收到,请耐心等待老师的反馈')
						// 	return
						// }
						let result = await this.get_isIntegralInquiry();
							console.log(result)
						if (result.isIntegral) {
							this.show = true
							this.is_look=true
							this.is_inquiry = true
							this.content =`<div style="text-align:center;font-size:30rpx">
												<div>今日已无免费额度！</div>
												<div>继续询问将消耗` + result.integral + `积分？</div>
										</div>`
						} else {
							this.greet_sb()
						}
						
					} else {
						uni.navigateTo({
							url: '/pages/guide/index'
						})
					}
				} catch (e) {
					//TODO handle the exception
				}
			},
			greet_sb() {
				let data = {
					inquiryUserId: this.id
				}
				if (this.detaile_info.isUnlock) {
					addInquiry(data, {
						custom: {
							auth: false,
							toast: false,
							catch: false
						}
					}).then((result) => {
						console.log(result)
						console.log(result.massage)
						this.is_look = false
						this.show = true
						this.is_inquiry=false
						this.content =`<div style="text-align:center;font-size:30rpx">`+result.massage+`</div>`
							if(result.code == 0){
								this.ge_tUserDetaileInfo()
							}
					}).catch((err) => {

					})
				} else {
					this.is_look = false
					this.show = true
					this.is_inquiry=false
					this.content = `<div style="text-align:center;font-size:30rpx"><div>先解锁照片</div></div>`
				}
			},
			editData() {
				if (this.user_info.isDeputy == 1) {
					return uni.$u.toast('非自己会员无法编辑资料哦~')
				}
				uni.navigateTo({
					url: '/pagesC/perfect_data/perfect_audit/index?userId=' + this.id + '&id=' + this.user_info
						.memberId + '&is_audit=编辑'
				})
			},
			ge_tUserDetaileInfo() {
				let data = {
					params: {
						id: this.id
					}
				}
				getUserDetaileInfo(data, {
					custom: {
						auth: false,
						toast: false,
						catch: false
					}
				}).then((result) => {
					this.detaile_info = result
				}).catch((err) => {

				})
			}

		}
	}
</script>

<style lang="scss" scoped>
	.pages {
		padding: 24rpx;
		box-sizing: border-box;

		.swiper {
			height: 200rpx;
			width: 100%;
			overflow: hidden;

			swiper-item {
				// display: flex;
				// flex-direction: row;
				// align-items: center;
				// justify-content: center;
				width: 100%;
				height: 100%;

				box-sizing: border-box;
				// flex-direction: column;

			}

		}

		.menber_img {
			width: 152rpx;
			height: 200rpx;
			display: inline-block;

			image {
				width: 100%;
				height: 100%;
				display: block;
			}
		}

		.detail_img_warp {
			position: relative;

			.detail_img {
				width: 702rpx;
				height: 800rpx;
				border-radius: 20rpx;
				overflow: hidden;
				margin-bottom: 20rpx;

				image {
					// pointer-events:none;
				}
			}

			.text_friend {
				position: absolute;
				bottom: 20rpx;
				left: 20rpx;
				z-index: 2222;
				color: #ffffff;
			}
		}


		.main {
			padding: 0 28rpx 40rpx;
			box-sizing: border-box;
			background-color: #fff;
			border-radius: 20rpx;
			margin-bottom: 20rpx;

			/deep/ .u-album {

				&__row {
					width: 100% !important;

					image {
						width: 100% !important;
						height: 100% !important;
					}
				}
			}

			&.Matchmaker_main {
				.introductory {
					line-height: 52rpx;
				}

				.Matchmaker_pd {
					padding: 31rpx 0;
					box-sizing: border-box;

					text {
						font-weight: bold;
						font-size: 30rpx;
					}
				}

				text {
					font-size: 28rpx;
					font-family: Microsoft YaHei;
					font-weight: 400;
					color: #111111;
				}

				.gray {
					color: #878787;
				}

				.wechat_warp {
					background: #FFFFFF;
					border: 2rpx solid #EEEEEE;
					border-radius: 16rpx;
					height: 100rpx;
					padding: 0 34rpx;
					align-items: center;
					margin-top: 20rpx;

					.copy {
						width: 140rpx;
						height: 68rpx;
						background: #FFEEE2;
						border-radius: 34rpx;
						align-items: center;
						justify-content: center;

						text {
							color: #FF7612;
							font-size: 30rpx;
						}
					}
				}
			}

			.text_field {
				padding: 24rpx;
				box-sizing: border-box;
				background: #FFFFFF;
				border: 2rpx solid #F3F3F5;
				border-radius: 12rpx;

				text {
					font-size: 28rpx;
					font-family: Microsoft YaHei;
					font-weight: 400;
					color: #878787;
				}
			}

			.item_top {
				padding: 47rpx 0rpx 40rpx 0rpx;
				box-sizing: border-box;

				text {
					font-weight: 400;

					&:first-child {
						font-size: 34rpx;
						;
						color: #000000;
					}

					&:last-child {
						color: #FF7612;
						font-size: 28rpx;
					}
				}

				.sex {
					width: auto;
					height: 28rpx;
					margin-left: 8rpx;
				}
			}
		}

		.line {
			width: 100%;
			height: 2rpx;
			background: #EEEEEE;
			transform: scaleY(.5);
			margin: 48rpx 0;
		}

		.detail_list {
			margin-bottom: 66rpx;

			.detail_item {
				margin-right: 8rpx;
				min-width: 103rpx;
				line-height: 58rpx;
				text-align: center;
				background: #F3F3F5;
				border-radius: 10rpx;
				margin-bottom: 8rpx;
				padding: 0 21rpx;
				box-sizing: border-box;

				text {
					font-size: 28rpx;
					color: #111111;
				}
			}
		}

		.label {
			padding: 0 24rpx 0 24rpx;
			box-sizing: border-box;
			height: 56rpx;
			width: 184rpx;
			align-items: center;
			background: #FFECDE;
			border-radius: 28rpx;

			.point {
				width: 20rpx;
				height: 20rpx;
				background: #FF7612;
				border-radius: 10rpx;
				margin-right: 3rpx;
			}

			text {
				color: #FF7612;
				font-size: 26rpx;
				font-weight: bold;
			}
		}

		.l_height_warp {
			margin-bottom: 8rpx;

		}

		.left_or_right {
			line-height: 80rpx;

			text {
				font-size: 28rpx;

				&:first-child {
					color: #111111;
				}

				&:last-child {
					color: #878787;
				}
			}
		}

		.title {
			font-weight: bold;
			font-size: 30rpx;
		}

		.photo {
			margin-top: 30rpx;

			/deep/ .u-album__row__wrapper {
				border-radius: 20rpx;
				overflow: hidden;
				width: 205rpx !important;
				height: 205rpx !important;
			}
		}

		.photograph {
			width: 100%;
			height: 420rpx;
			background: #747884;
			border-radius: 20rpx;
			align-items: center;
			margin: 30rpx 0 0rpx;

			.xieyi {
				padding: 31rpx 0 56rpx;
				box-sizing: border-box;
			}

			text {
				width: 531rpx;
				font-size: 28rpx;
				text-align: center;
				color: #fff
			}

			.unlock_look {
				width: 295rpx;
				text-align: center;
				line-height: 88rpx;
				height: 88rpx;
				border: 2rpx solid #fff;
				background-color: #7E828E;
				border-radius: 44rpx;

				text {
					font-size: 32rpx;
				}
			}

			image {
				width: 32rpx;
				height: 34rpx;
			}
		}

		.btn_warp {
			padding: 24rpx 48rpx 53rpx;

			image {
				width: 270rpx;
				height: 92rpx;
			}
		}

		.hover_button {
			position: fixed;
			right: 41rpx;
			bottom: 150rpx;

			image {
				border-radius: 50%;
				width: 102rpx;
				height: 102rpx;

				&:first-child {
					margin-bottom: 37rpx;
				}
			}
		}


		/deep/ .u-modal__title {
			font-weight: bold;
			color: #111111;
			font-size: 34rpx;
		}

		/deep/ .u-modal__button-group--confirm-button {
			padding: 0 36rpx 40rpx
		}

		.btn {
			width: 500rpx;
			height: 92rpx;
			text-align: center;
			line-height: 92rpx;
			margin: 0 auto;

			&.cancel {
				background: #F6F6F6;
				color: #111111;
				width: 278rpx;
			}

			&.see {
				background: #FF7612;
				color: #fff;
			}

			&.submit {
				background: #FF7612;
				color: #fff;
				width: 278rpx;
			}
		}

		.gui_windows {
			/deep/ .u-popup__content {
				background: transparent;
			}
		}

		.contener {
			align-items: center;
			margin-bottom: 24rpx;

			.y_label {
				white-space: nowrap;
			}

			text {
				font-size: 28rpx;
				font-weight: 400;
				color: #111111;
			}

			.down_border {


				border-radius: 20rpx;
				background: #ffffff;
				height: 88rpx;
				width: 454rpx;
				align-items: center;
				padding: 0 34rpx 0 32rpx;

				&.down_borders {
					margin-left: 27rpx;
					border: 2rpx solid #C2C2C2;
				}

				.down {
					width: 20rpx;
					height: 12rpx;
				}
			}

		}
	}
</style>
